.container {
    display: flex;
    flex-direction: column;
    align-items: center;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 730px;
}

.title {
    font-size: 38px;
    text-align: center;
    width: 100%;
    margin: 10px;
}
.touxiang{
    border: 2px solid #66CDCA;
    width: 80px;
    height: 80px;
    border-radius: 80px;
}
.box1{
    margin-top: 2%;
    width: 92%;
    align-items: center;
}
.namebox{
    margin-left: 2%;
    flex-direction: column;
}
.text1{
    font-size: 22px;
}
.text2{
    font-size: 16px;
    margin-top: 2%;
    opacity:0.5;
}
.imagebox{
    justify-content: space-between;
    width: 35%;
    margin-left: 8%;
}
.image1{
    width: 50px;
    height: 50px;
}
.searchbox{
    border-radius: 10px;
    border: 2px solid #66CDCA;
    margin-top: 1%;
    width: 92%;
}
.inputtext{
    border-radius: 10px;
    caret-color:#66CDCA;
}
.searchbutton{
    border-radius: 10px;
    width: 21%;
    background-color: #66CDCA;
    font-weight: 600;
    left: 79%;
}
.shebibox{
    border: 3px solid #FFBF6B;
    margin-top: 2%;
    width: 92%;
    height: 30%;
    background-color: #66CDCA;
    border-radius: 15px;
    flex-direction: column;
    align-items: center;
}
.shebeiimage{
    width: 100%;
    height: 80%;
    object-fit: cover;
    border-radius: 10px;
}
.dianliangbox{
    width: 50%;
    flex-direction: column;
}
.switchbox{
    flex-direction: column;
}
.switchbox text{
    color: white;
    font-size: 18px;
}
.gongnengbox{
    width: 92%;
    flex-wrap: wrap;
}
.text3{
    font-size: 20px;
    color: white;
    font-weight: 600;
}
.jindutiao{
    border-radius: 15px;
    border: 2 solid #ffffff;
    width: 70%;
    stroke-width:23px;
    background-color:#ffffff;
    color: #FFBF6B;
}
.shebeitext-box{
    width: 95%;
    align-items: center;
    justify-content: space-between;
}
.text4{
    font-size: 20px;
    color: white;
    font-weight: 600;
}
.shebeiswitch{
    text-padding:5px;
    height: 35%;
    font-size: 20px;
}
.text5{
    font-size: 20px;
}
.box2{
    width: 92%;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 1%;
}
.gongnengbox1,.gongnengbox2,.gongnengbox3,.gongnengbox4{
    margin-top: 10px;
    border-radius: 10px;
    justify-content: center;
    align-items: center;
    width: 46%;
    height: 8%;
}
.gongnengbox1{
    background-color: #FFF5E9;
}
.gongnengbox2{
    background-color: #FFF1EE;
}
.gongnengbox3{
    background-color: #FFF1EE;
}
.gongnengbox4{
    background-color: #F0F2FF;
}
.gongnengbox5{
    color: white;
    margin-top: 2%;
    border-radius: 10px;
    justify-content: center;
    align-items: center;
    width: 50%;
    height: 8%;
    background-color: #66CDCA;
}
.gongnengimg{
    width: 50px;
    height: 50px;
}
.tishibox{
    align-items: center;
    height: 6%;
}
.tishitext{
    font-size: 15px;
    opacity: 0.5;
}
.bangdingtext{
    font-size: 20px;
    text-align: center;
    font-weight: 600;
}

.switch_image{
    width: 70px;
    height: 40px;
}

@media screen and(device-type: tv){

}

@media screen and (device-type: tablet){

}

@media screen and(device-type: wearable){
    .container{
        background-color: white;
    }
    .box1,.searchbox{
        display: none;
    }
    .box2{

    }
    .gongnengimg{

    }
}